import React, {useState} from "react";
import ProjectList from "../../layout/ProjectList";
import Header from "../../layout/Header";
import Footer from "../../layout/Footer";
import { SearchContextProvider } from "../../provider/tsx";
import Sidebar from "../../layout/Sidebar";


export default function Index() {
  const [isSidebarOpen, setIsSidebarOpen] = useState(true);

  const toggleSidebar = () => {
    setIsSidebarOpen(!isSidebarOpen);
  };
  return (
    <SearchContextProvider>
      
    <div className="flex flex-col h-screen">
      <Header />

      <div className="flex-1">
        <div className="flex">
          <Sidebar/>
          <ProjectList />
        </div>

      </div>

      <Footer />
    </div>

    </SearchContextProvider>
  );
}
